import QtQuick 2.0
import QtQuick.Layouts 1.3
import "qrc:///MyControls"

Rectangle {
    id: element
    anchors.fill: parent
    color: CTheme.background

    RowLayout{
        anchors.fill: parent
        width: 494
        height: 312

        Repeater{
            model: modelMode
            Rectangle{
                id: rectangle
                Layout.alignment: Qt.AlignHCenter
                width: 100
                height: 100
                border.color:btn.pressed ? CTheme.primaryDarkColor : CTheme.primaryColor
                border.width: 2
                radius: CTheme.cardRadius
                color: "#00ffffff"

                MouseArea{
                    id:btn
                    anchors.fill: parent
                    Text {
                        color: CTheme.lightTextColor
                        anchors.centerIn: parent
                        text:modeName
                    }
                }
            }
        }
    }

    ListModel{
        id:modelMode
        ListElement{modeName:qsTr("经典模式")}
        ListElement{modeName:qsTr("快扫模式")}
    }
}
